import * as React from "react";
import * as ReactDOM from "react-dom";

import "./OrderGoodsList.less";
import NavBar from "../Components/NavBar/NavBar";


export interface OrderGoodsListProps {

}

export interface State {

}

export default class OrderGoodsList extends React.Component<OrderGoodsListProps, State> {
    //默认属性
    static readonly defaultProps: OrderGoodsListProps = {};

    constructor(props: OrderGoodsListProps) {
        super(props);
        //默认状态
        this.state = {};
    }

    //组件挂载后回调
    componentDidMount() {
        document.title = "";

    }

    render() {
        return <div className="OrderGoodsList">
            <NavBar title={'直接向总部进货'} searchClick={() => {
            }}/>
            <div className="item" onClick={() => {
                location.hash = '#/order-goods-detail?&id='
            }}>
                <img src="http://haijisz8.hyxmt.cn/Files/image/2017032910284099.jpg" alt=""/>
                <div className="info">
                    <p>维一植物精油(1)</p>
                    <p>品牌:植物精油</p>
                    <p>单价: <strong className="price">￥43.00</strong></p>
                </div>
                <button className="btn btn-add">添加</button>
            </div>
        </div>
    }
}
